<template>
	<div class="account-titles flex items-center">
		<account-vip :level="vip"></account-vip>
		<account-star :level="star"></account-star>
		<account-medal :medals="medal"></account-medal>
	</div>
</template>
<script lang="ts" setup>
import AccountVip from '../account-vip/index.vue'
import AccountStar from '../account-star/index.vue'
import AccountMedal from '../account-medal/index.vue'
import { PropType } from 'vue'
import { Medal } from '@/types'

defineProps({
	vip: {
		type: Number
	},
	star: {
		type: Number
	},
	medal: {
		type: Array as PropType<Medal[]>
	}
})
</script>
